<template>
    <div>
     <van-dropdown-menu>
  <van-dropdown-item disabled v-model="value1" title="综合" :options="option1" />
  <van-dropdown-item v-model="value2" title="价格" :options="option2" />
  <van-dropdown-item v-model="value2" title="分类" :options="option2" />
</van-dropdown-menu>
<products
:goodsList="goodslistt"
 />
<!-- 商品布局 -->

    </div>
</template>

<script>
import products from '@/components/products'
export default {
    name: 'Vue2Products',

    data() {
        return {
             value1: 0,
      value2: 'a',
      option1: [
        { text: '全部商品', value: 0 },
        { text: '新款商品', value: 1 },
        { text: '活动商品', value: 2 },
      ],
      option2: [
        { text: '默认排序', value: 'a' },
        { text: '好评排序', value: 'b' },
        { text: '销量排序', value: 'c' },
      ],
       option2: [
        { text: '全部', value: 'a' },
        { text: '居家', value: 'b' },
       
      ],
        };
    },
props:["filterCategory","goodsList"],
    mounted() {
        
    },

    methods: {
        
    },
    components:{products}
};
</script>

<style lang="stylus" scoped>
ul{
    padding:10px  2%;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    li{
        width 49%
        margin-bottom: 10px
        background: #fff
        text-align: center
        line-height: 30px
        .price{
            color:darkred
        }
    }
}

</style>